.font_index{
  .content{
    .media{
      padding: 0 15px;
      .media-left{
        position: relative;
        .mige{
          table{
            width: 180px;
            height: 180px;
            border: 1px solid $border_color;
            border-collapse: collapse;
            td{
              border: 1px dashed $border_color;
              border-collapse: collapse;
            }
          }
        }
        .font{
          position: absolute;
          top: 0;
          left: 0;
          font-size: 80px;
          color: #333;
          text-align: center;
          width: 180px;
          height: 180px;
          line-height: 180px;
          z-index: 9;
        }
      }
      .media-body{
        .search_group{
          input,button{
            line-height: 45px;
          }
          button{
            margin-left: -5px;
          }
        }
      }
    }
    .search{
      background: #f3f3f3;
      padding: 5px 0;
      .search_group{
        input{
          min-width: 230px;
          line-height: 30px;
        }
        button{
          padding:0 15px;
          line-height: 30px;
          margin-left: -5px;
        }
      }
      .pull-right{
        line-height: 30px;
      }
    }
    .dec_list{
      .zm{
        font-size: 44px;
        text-align: center;
      }
      .zt{
        ul{
          display: table;
          width: auto;
        }
        li{
          border: 1px solid #e6e6e6;
          padding: 10px;
          width: 145px;
          float: left;
          margin: 0 7px 15px 7px;
          @extend .clearfix;
          .big{
            width: 50%;
            float: left;
            font-size: 44px;
            text-align: center;
          }
          .small{
            width: 50%;
            float: left;
            padding-left: 10px;
            line-height: 30px;
            font-size: 16px;
          }
        }
      }
    }
  }
  @media screen and (max-width: 768px){
    .content{
      .media{
        .media-left,.media-body{
          width: 100%;
        }
      }
      .search{
        padding: 10px 0 5px 0;
        .pull-right{
          text-align: left;
        }
      }
    }
  }
}